* {
  margin: 0;
  padding: 0;
}

.container {
  margin: 0 50px;
}

.container .head {
  font-size: 28px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgb(180, 174, 174);
}

.el-row {
  margin-top: 20px;
}

.el-col {
  border-radius: 4px;
}

.grid-content {
  border-radius: 5px;
  min-height: 36px;
  border: 1px solid #eee;
  padding: 5px;
}

.grid-content .title1 {
  border-bottom: 1px solid #eee;
  padding: 8px 0;
  text-align: center;
}

.container .main {
  width: 100%;
  height: 100px;
}

.container .main img {
  height: 37%;
}

table {
  width: 100%;
}

table,
tr,
th,
td {
  border: 1px solid #DCDFE6;
  border-collapse: collapse;
  border-radius: 4px;
  text-align: center;

}

th {
  padding: 10px;
}

table thead tr th {
  color: #333 !important;
}

.el-button {
  margin-top: 12px;
  padding: 12px 20px;
}

.img {
  width: 80px;
  height: 80px;
}

.img>img {
  width: 100%;
  height: 100%;
}

td>button {
  margin-right: 5px;
}

.upload-demo {
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  line-height: 40px;
  height: 40px;
  width: 100%;
}

.el-upload__text {
  margin-left: 3px;
}

.btn {
  padding: 12px 20px;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
}